﻿body
{
    background: #bbb;
    font-family: "Trebuchet MS";
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    margin: 0px;
}
.Background
{
    width: 100%;
    height: auto;
}
.Wrapper
{
    width: 980px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border: solid 1px #666;
    
}
/*===== Common =====*/
.Header , .TopNav , .Content , .Footer
{
    width: 100%;
    height: auto;
    display: block;
    float: left;
}
.Clear{ clear: both; }
/*===== Header =====*/
.Header
{
    background: #222;
    height: auto;
}
.Logo
{
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 80px;
    width: 266px;
    display: block;
    float: left;
    background: url(../img/Logo_CMS_80.png) top left no-repeat;
}
div.QuickLinks
{
    display: block;
    height: auto;
    width: 300px;
    float: right;
}
div.QuickLinks ul.QuickLinks
{
    list-style: none;
    display: block;
    float: right;
    height: auto;
    width: 100%;
}
div.QuickLinks ul.QuickLinks li
{
    display: block;
    float: right;
    height: auto;
    padding-left: 5px;
    padding-right: 25px;
}
div.QuickLinks ul.QuickLinks li a
{
    color: #fff;
    text-decoration: none;
}
/*===== TopNav =====*/
.TopNav
{
    background: #8d170b url(../img/TopNav_Back.gif) top left repeat-x;
}
.TopNavWP
{
    display: block;
    height: auto;
    width: 100%;
}
.TopNavWP ul.level1
{
    display: block;
    float: left;
    width: 100% !important;
}
.TopNavWP ul.level1 li
{
    display: block;
    float: left;
}
.TopNavWP ul.level1 li a
{
    display: block;
    float: left;
    height: auto;
    padding: 3px 15px 3px 15px !important;
    border-right: solid 1px #fff;
    color: #fff;
    text-decoration: none;
    background-image: none !important;
}
.TopNavWP ul.level2
{
    display: block;
    background: #eee;
    border: solid 1px #333;
}
.TopNavWP ul.level2 li
{
    display: block;
    float: left;
    width: 100%;
    
}
.TopNavWP ul.level2 li a
{
    padding: 3px 15px 3px 15px;
    display: block;
    float: left;
    color: Black;
    
}
/*===== Content =====*/
.Content
{
    background: #dccfc6 url(../img/Content_Back.gif) top left repeat-x;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
/*===== Footer =====*/
.Footer
{
	background: #222;
	height: auto;
	padding-bottom: 15px;
}
.DesignBy
{
    float: left;
    color: White;
    margin-left: 15px;
    margin-top: 15px;
}
.DesignBy a
{
    color: White;
}
.Sticker
{
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}

/*===== Layouts =====*/
/*===== Common =====*/
.Left , .Center , .Right , .Top { vertical-align: top; }
.HomeContent , .OtherContent , .BlogContent{ width: 100%; height: auto; }
/*===== HomeContent =====*/
.HomeContent .Top
{
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.HomeContent .Left , .HomeContent .Center , .HomeContent .Right
{
    width: 33%;
    height: auto;
}
.HomeContent .Left
{
    padding-left: 10px;
    padding-right: 5px; 
}
.HomeContent .Center
{
    padding-left: 5px;
    padding-right: 5px;
}
.HomeContent .Right
{
    padding-left: 5px;
    padding-right: 10px;
}
/*===== OtherContent =====*/
.OtherContent .Top
{
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.OtherContent .Center
{
    width: 70%;
    height: auto;
    padding-left: 10px;
    padding-right: 5px;
}
.OtherContent .Right
{
    width: 30%;
    height: auto;
    padding-left: 5px;
    padding-right: 10px;
}
/*===== BlogContent =====*/
.BlogContent .Left
{
    width: 30%;
    height: auto;
    padding-left: 10px;
    padding-right: 5px;
}
.BlogContent .Center
{
    width: 70%;
    height: auto;
    padding-left: 5px;
    padding-right: 10px;
}
/*===== Blog - PostsWP =====*/
.Blog_PostsWP
{
    width: 100%;
    height: auto;
}
.Blog_PostsWP_Post , .Blog_PostsWP_PostDate , .Blog_PostsWP_PostTitle , .Blog_PostsWP_PostDescription
{
    display: block;
    float: left;
    width: 100%;
    height: auto;
}
.Blog_PostsWP_Post
{
    margin-bottom: 25px;
}
.Blog_PostsWP_PostDate
{
    font-size: 11px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 1px #888;
}
.Blog_PostsWP_PostTitle
{
    font-size: 20px;
    font-weight: bold;
}
.Blog_PostsWP_PostDescription
{
    
}
/*===== Blog - PostWP =====*/
.Blog_PostWP
{
    width: 100%;
    height: auto;
}
.Blog_PostWP_Comments , .Blog_PostWP_Comment , .Blog_PostWP_Title , .Blog_PostsWP_Text , .Blog_PostsWP_Footer
{
    display: block;
    float: left;
    width: 100%;
    height: auto;
}
.Blog_PostWP_Date
{
    font-size: 11px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 1px #888;
}
.Blog_PostWP_Title
{
    font-size: 20px;
    font-weight: bold;
}
.Blog_PostWP_Text
{
    margin-top: 10px;
}
.Blog_PostWP_Footer
{
    
}
/*===== Blog - CommentsWP =====*/
.Blog_CommentsWP
{
    height: auto;
}
.Blog_CommentsWP , .Blog_CommentsWP_Title , .Blog_CommentsWP_Comment , .Blog_CommentsWP_AddComment , .Blog_CommentsWP_AddComment_Row , span.Blog_CommentsWP_AddComment_RowTitle , input.Blog_CommentsWP_AddComment_RowValue , textarea.Blog_CommentsWP_AddComment_RowValue , .Blog_CommentsWP_AddComment_RowValidator
{
    display: block;
    float: left;
    height: auto;
}
.Blog_CommentsWP_Title
{
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
    width: 100%
}
.Blog_CommentsWP_Comment
{
    width: 94%;
    margin-left: 2%;
    margin-top: 10px;
}
.Blog_CommentsWP_CommentDate
{
    width: 100%;
    border-bottom: solid 1px #aaa;
}
.Blog_CommentsWP_CommentTitle
{
    width: 100%;
    font-weight: bold;
    font-size: 13px;
}
.Blog_CommentsWP_CommentText
{
    width: 100%;
}
/*===== Blog - CommentsWP AddComment =====*/
.Blog_CommentsWP_AddComment
{
    width: 94%;
    margin-left: 2%;
    margin-top: 20px;
}
.Blog_CommentsWP_AddComment_Row
{
    width: 100%;
    margin-top: 10px;
}
span.Blog_CommentsWP_AddComment_RowTitle
{
    width: 20%;
}
input.Blog_CommentsWP_AddComment_RowValue
{
    width: 70%;
    border: solid 1px #333;
    background: #eee;
}
textarea.Blog_CommentsWP_AddComment_RowValue
{
    width: 70%;
    height: 150px;
    border: solid 1px #333;
    background: #eee;
}
.Blog_CommentsWP_AddComment_RowValidator
{
    width: 10px;
    height: auto;
    color: Red;
    margin-left: 3px;
    font-size: 14px;
}
.Blog_CommentsWP_AddComment_Button
{
    float: right;
    display: block;
    margin-right: 55px;
}
/*===== Blog - CategoriesWP and ArchivesWP =====*/
.Blog_CategoriesWP , .Blog_CategoriesWP h3 , .Blog_CategoriesWP ul , .Blog_CategoriesWP ul li , .Blog_CategoriesWP ul li a , .Blog_ArchivesWP , .Blog_ArchivesWP h3 , .Blog_ArchivesWP ul , .Blog_ArchivesWP ul li , .Blog_ArchivesWP ul li a
{
    display: block;
    float: left;
    height: auto;
}
.Blog_CategoriesWP , .Blog_ArchivesWP
{
    width: 100%;
    height: auto;
}
.Blog_CategoriesWP h3 , .Blog_ArchivesWP h3
{
    color: #333;
}
.Blog_CategoriesWP ul , .Blog_ArchivesWP ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.Blog_CategoriesWP ul li , .Blog_ArchivesWP ul li
{
    width: 100%;
    margin-top: 5px;
}
.Blog_CategoriesWP ul li a , .Blog_ArchivesWP ul li a
{
    text-decoration: none;
    color: #666;
}
.Blog_CategoriesWP ul li a:hover , .Blog_ArchivesWP ul li a:hover
{
    color: #aa1212;
}










